
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>轮播图</title>

    <link rel="stylesheet" href="css/swiper.min.css">

    <link rel="stylesheet" type="text/css" href="css/coffee_two.css"/>
</head>
<body>
    <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">焦糖玛奇朵/冰</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		            			Iced Caramel Macchiato
		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d39f467ec.jpg"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">焦糖玛奇朵/冰</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>焦糖玛奇朵/冰</p>
	            		<p>Iced Caramel Macchiato</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            
            
            
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">焦糖玛奇朵/热</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		            			Hot Caramel Macchiato
		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d3d487899.jpg"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">焦糖玛奇朵/热</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>焦糖玛奇朵/热</p>
	            		<p>Hot Caramel Macchiato</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            
            
            
            
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">Hot Americano</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		           			美式咖啡是最普通却又最挑战味蕾的咖啡。是使用滴滤式咖啡壶所制作出的黑咖啡，又或者是意式浓缩中加入水制成。是最能体现咖啡本身风味的选择。美式咖啡就犹如它的名字一样简单直接，可以大口畅饮，极其适合粗犷豪放的牛仔BOY。

		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d3eb8bee7.gif"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">美式/热</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>美式/热</p>
	            		<p>
	            		美式咖啡是最普通却又最挑战味蕾的咖啡。是使用滴滤式咖啡壶所制作出的黑咖啡，又或者是意式浓缩中加入水制成。是最能体现咖啡本身风味的选择。美式咖啡就犹如它的名字一样简单直接，可以大口畅饮，极其适合粗犷豪放的牛仔BOY。

	            		</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            
            
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">美式/冰</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		            			Iced Americano
		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d4127be8d.jpg"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">美式/冰</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>美式/冰</p>
	            		<p>Iced Americano</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            
            
            
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">摩卡/热</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		            			Hot Caramel Macchiato
		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d4253b0f9.jpg"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">摩卡/热</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>摩卡/热</p>
	            		<p>Hot Caramel Macchiato</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            
            
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">拿铁/冰</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		            			Iced Latte
拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁的意大利人，
与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的牛奶带来让人难以忘怀的味道。
		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d43859655.jpg"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">拿铁/冰</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>拿铁/冰</p>
	            		<p>
	            			Iced Latte
拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁的意大利人，
与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的牛奶带来让人难以忘怀的味道。
	            		</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            
            
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">拿铁/热</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		            			Hot Latte
拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁的意大利人，
与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的牛奶带来让人难以忘怀的味道。
		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d44c7ef1d.jpg"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">拿铁/热</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>拿铁/热</p>
	            		<p>
	            			Hot Latte
拿铁咖啡是意大利浓缩咖啡与牛奶的经典混合，意大利人也很喜欢把拿铁作为早餐的饮料。意大利人早晨的厨房里，照得到阳光的炉子上通常会同时煮着咖啡和牛奶。喝拿铁的意大利人，
与其说他们喜欢意大利浓缩咖啡，不如说他们喜欢牛奶，也只有espresso才能给普普通通的牛奶带来让人难以忘怀的味道。
	            		</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            
            
            <div class="swiper-slide">
            	<div class="hehe">
	            	<div class="swiper-slide-img-box">
		
	            		<div class="swiper-slide-top">	
	            			<div class="coffee_two_jiaotang ">
			            		<p class="coffee_two_jiaotang_1">摩卡/冰</p>
			            		<img class="coffee_two_jiaotang_2" src="img/line1.png"/>
		            			<p class="coffee_two_jiaotang_3">
		            			Iced Mocha
		            			</p>
		             	</div>
	             	</div>
	
	            	<img class="swiper-slide-img" src="img/5628d45c19136.jpg"/>
	            	
		            	<div class="swiper-slide-bottom">
		            		<div class="coffee_two_jiaotang_bottom">
		            			<p class="coffee_two_jiaotang4">摩卡/冰</p>
		            			<img class="coffee_two_jiaotang5" src="img/line2.png"/>
		            		</div>
		            	</div>
            	</div>
	            	<br />
	            	<div class="swiper-wrapper-word">
	            		<p>摩卡/冰</p>
	            		<p>Iced Mocha</p>
	            		
	            	</div>
	            		<p class="hh"></p>
	           	</div> 	
            </div>
            

        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination "></div>
        <!-- Add Arrows -->
        
        		<div class="swiper-button-next swiper-button-black"></div>
        		<div class="swiper-button-prev swiper-button-black"></div>
            <!--<div class="swiper-button-prev"></div>-->
        
    </div>
	    <div class="coffee_two_pic">
	    	<hr />
    	<img src="img/order.jpg"/>
 
    </div>
    
    
    
	
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <!-- Swiper JS -->
    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script src="js/coffee_two.js"></script>
</html>